import { StyleSheet } from "react-native";
import { Color } from "../common";

const settingStyles = StyleSheet.create({
  container: {
    position: "relative"
  },
  userInfo: {
    width: "100%",
    height: 108,
    textAlign: "center",
    backgroundColor: Color,
    alignItems: "center"
  },
  userIcon: {
    width: 50,
    height: 50,
    borderRadius: 25,
    margin: 11,
    overflow: "hidden"
  },
  userText: {
    fontSize: 13,
    color: "#fff"
  },
  couterInfo: {
    position: "relative",
    flexDirection: "row",
    height: 85,
    backgroundColor: "#fff"
  },
  couterItem: {
    flex: 1,
    alignItems: "center",
    fontSize: 13
  },
  itemContain: {
    marginTop: 8,
    marginRight: 0,
    marginBottom: 8,
    marginLeft: 0
  },
  itemFont1: {
    fontSize: 13
  },
  itemFont2: {
    fontSize: 12,
    color: "#a9a9a9",
    paddingLeft: 5
  },
  HandleButton: {
    textAlign: "center",
    height: 35,
    lineHeight: 35,
    color: "#fff",
    width: 105,
    backgroundColor: Color,
    borderRadius: 17,
    overflow: "hidden"
  },
  list: {
    flexDirection: "row",
    alignItems: "center",
    paddingLeft: 10,
    paddingRight: 10,
    height: 45,
    backgroundColor: "#fff",

    borderTopWidth: 1,
    borderTopColor: "#f2f2f2"
  },
  listContent: {
    flex: 1,
    height: 45,
    lineHeight: 45
  },
  listRight: {
    width: 30,
    height: 45,
    lineHeight: 45,
    textAlign: "center",
    color: "gray"
  },
  logoutBtn: {
    width: "90%",
    marginLeft: "5%",
    height: 40,
    lineHeight: 40,
    textAlign: "center",
    fontSize: 14,
    color: Color,
    borderWidth: 1,
    borderColor: Color,
    borderRadius: 10,
    overflow: "hidden",
    backgroundColor: "#fff",
    marginTop: 15
  },
  placeholder: {
    width: "100%",
    height: 100,
  }
});

export default settingStyles;
